@size: 36px;

.main {
    > li {
        display: inline-block;
        float: right;
        width: @size;
        height: @size;
        margin-left: 8px;
        background-color:#fff;
        border-radius: 50%;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
        text-align: center;
        line-height: @size;

        &:hover {
            box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
        }

        a {
            display: block;
            height: 100%;
            text-decoration: none;
            color:#555;
            
            span {
                margin:0;
                padding:0;
            }
        }
    }
}

.distance {
    background: url('../../../assets/distance.svg') center center no-repeat;
    background-size: 18px 18px;
}

.area {
    background: url('../../../assets/area.svg') center center no-repeat;
    background-size: 18px 18px;
}